@import "./compatible.less";
@import "./globel.less";

.avatar {
  height: 64px;
  width: 64px;
  border-radius: 32px;
  background-color: #eee;
  background-size: cover;
}

.tab-bar {
  background: rgba(000, 000, 000, 0.9);
  color: #fff;
}

.primary {
  background: @subject-color;
  color: @font-color;
}

.indicator {
  height: 1px;
  width: 100%;

  background-color: #111;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 7px;
}

.feed {
  .avatar {
    height: 40px;
    width: 40px;
  }

  .content {
    .font-l;
    color: #505050;
  }

  .time {
    font-size: 10px;
    color: #979797;
  }

  .nickname {
    font-size: @font-m;
    color: #505050;
  }

  .tabs-wrap {
    margin-top: 10px;
    height: 35px;
    font-size: 11px;
    .flex();
    .b-t(#f0f0f0);
    .tab {
      vertical-align: middle;
      color: #646464;
      .flex-grow(1);
      text-align: center;
      line-height: 35px;
      &.like {
        &::before {
          content: '';
          display: inline-block;
          width: 15px;
          height: 15px;
          vertical-align: middle;
          margin-right: 4px;
          background-size: cover;
          margin-top: -2px;
          background-image: url(../img/ic_feed_like.png);
        }

        &.on::before{
          background-image: url(../img/ic_feed_like_on.png);
        }
      }

      &.comment::before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        margin-right: 4px;
        background-size: cover;
        margin-top: -2px;
        background-image: url(../img/ic_feed_comment.png);
      }

    }

    .tab-space {
      .flex-grow(1);
      .flex();

      &::after {
        content: '';
        height: 25px;
        width: 1px;
        margin: 5px 0;
        background: #f0f0f0;

      }
    }
  }

  .tags {
    .tag {
      color: #fff;
      display: inline-block;
      padding: 5px 7px;
      margin-top: 10px;
      margin-right: 10px;
      font-size: 12px;
      background: #c8c8c8;
    }
  }
}

